import { computed, defineComponent,ref, } from "vue";
import {NImage,} from "naive-ui"
export default defineComponent({
    name:"liebiao",
    props:["size","fileList"],
    setup({size,fileList,},){
      
        return ()=>(<div class="w-full h-full overflow-x-hidden overflow-y-auto flex flex-wrap justify-start content-start">
            {fileList.map((item:any)=>{
                return <div class="flex flex-col justify-center items-center p-10px overflow-hidden" style={{width:`${size.value+10}px`}}>
                    <NImage src={item.url} previewDisabled={true}></NImage>
                    <span class="m-2 truncate">{item.name}</span>
                </div>
            })}
        </div>)
    }
})